﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" xmlns:System="clr-namespace:System;assembly=mscorlib" 
    xmlns:Hangout_Client_Controls_Notifications="clr-namespace:Hangout.Client.Controls.Notifications" 
    x:Class="Hangout.Client.Accounts.Profile"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="728" d:DesignWidth="480" Loaded="PhoneApplicationPage_Loaded">
	<phone:PhoneApplicationPage.Resources>
		<Storyboard x:Name="HidePage">
			<DoubleAnimation Duration="0:0:0.5" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="scrollViewer" d:IsOptimized="True"/>
		</Storyboard>
		<Storyboard x:Name="ShowPage">
			<DoubleAnimation Duration="0:0:0.5" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="scrollViewer" d:IsOptimized="True"/>
		</Storyboard>
	</phone:PhoneApplicationPage.Resources>

	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>


    <toolkit:TransitionService.NavigationInTransition>
        <toolkit:NavigationInTransition>
            <toolkit:NavigationInTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardIn"/>
            </toolkit:NavigationInTransition.Backward>
            <toolkit:NavigationInTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardIn"/>
            </toolkit:NavigationInTransition.Forward>
        </toolkit:NavigationInTransition>
    </toolkit:TransitionService.NavigationInTransition>
    <toolkit:TransitionService.NavigationOutTransition>
        <toolkit:NavigationOutTransition>
            <toolkit:NavigationOutTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardOut"/>
            </toolkit:NavigationOutTransition.Backward>
            <toolkit:NavigationOutTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardOut"/>
            </toolkit:NavigationOutTransition.Forward>
        </toolkit:NavigationOutTransition>
    </toolkit:TransitionService.NavigationOutTransition>

    <!--Sample code showing usage of ApplicationBar-->
<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" Opacity="1" BackgroundColor="{StaticResource AppbarColor}">
            <shell:ApplicationBarIconButton Text="dashboard" IconUri="/icons/Dashbord.png" Click="ApplicationBarIconButton_Click_2"/>
            <shell:ApplicationBarIconButton IconUri="/icons/appbar.save.rest.png" Text="save" Click="ApplicationBarIconButton_Click_1"/>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>
    <Grid x:Name="LayoutRoot" Background="{StaticResource BlueBrush}">
        <Grid.RowDefinitions>
        	<RowDefinition Height="800"/>
        </Grid.RowDefinitions>
    	<Canvas x:Name="Title" Height="75" VerticalAlignment="Top">
    		<Image Height="75" Source="/Images/Top75Jpg.png" Stretch="Fill" Width="480"/>
    		<TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" Text="profile" FontFamily="Segoe WP Light" FontSize="48" Foreground="#FF002455" Canvas.Left="345" Canvas.Top="2"/>
    	</Canvas>
    	<ScrollViewer x:Name="scrollViewer" Margin="0,79,8,74" d:LayoutOverrides="Width" Height="647">
    		<StackPanel Width="472">
    			<TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" VerticalAlignment="Top" FontFamily="Segoe WP Light" FontSize="25.333" Foreground="#FFCBD3DC" Width="464" Text="Filling up your profile would help us find the right people for you around you." Margin="0,13,0,0"/>
    			<TextBlock x:Name="NameLBL" TextWrapping="Wrap" Text="Name" Margin="8,8,2,0" FontSize="24"/>
    			<TextBox x:Name="NameTB" TextWrapping="Wrap" VerticalAlignment="Bottom"/>
    			<TextBlock x:Name="NameLBL_Copy" TextWrapping="Wrap" Text="Birth Date (MM/DD/YYYY)" Margin="8,8,2,0" FontSize="24"/>
    			<toolkit:DatePicker x:Name="BirthdayDP"/>
    			<TextBlock x:Name="NameLBL_Copy2" TextWrapping="Wrap" Text="Gender" Margin="8,8,2,0" FontSize="24"/>
    			<StackPanel Orientation="Horizontal">
    				<RadioButton x:Name="MaleRB" Content="Male"/>
    				<RadioButton x:Name="FemaleRB" Content="Female"/>
    			</StackPanel>
    			<TextBlock x:Name="NameLBL_Copy1" TextWrapping="Wrap" Text="Relationship Status" Margin="8,8,2,0" FontSize="24"/>
    			<toolkit:ListPicker x:Name="RelationShipStatusLP" Margin="8,0">
    				<System:String>Single</System:String>
    				<System:String>In a Relationship</System:String>
    				<System:String>Engaged</System:String>
    				<System:String>Married</System:String>
    			</toolkit:ListPicker>
    			<TextBlock x:Name="NameLBL_Copy6" TextWrapping="Wrap" Text="Your Bio" Margin="8,15,2,0" FontSize="24"/>
    			<TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" VerticalAlignment="Top" FontFamily="Segoe WP Light" FontSize="21.333" Foreground="#FFCBD3DC" Width="464" Margin="0,3,2,0" Text="Write about yourself here. Make it short, sweet and compact. Define yourself."/>
    			<TextBox x:Name="BioTB" TextWrapping="Wrap" VerticalAlignment="Bottom" VerticalScrollBarVisibility="Auto" Height="145"/>
    			<TextBlock x:Name="NameLBL_Copy7" TextWrapping="Wrap" Text="Phone" Margin="8,15,2,0" FontSize="24"/>
    			<!--<TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" VerticalAlignment="Top" FontFamily="Segoe WP Light" FontSize="21.333" Foreground="#FFCBD3DC" Width="464" Margin="0,3,2,0" Text="We respect your privacy. We dont share your numbers with anyone unless you ask us to do so."/>-->
    			<!--<TextBox x:Name="PhoneTB" TextWrapping="Wrap" VerticalAlignment="Bottom" InputScope="TelephoneNumber"/>-->
    			<TextBlock x:Name="NameLBL_Copy5" TextWrapping="Wrap" Text="Preferred Length Unit" Margin="8,15,2,0" FontSize="24"/>
    			<StackPanel Orientation="Horizontal">
    				<RadioButton x:Name="MilesRB" Content="Miles"/>
    				<RadioButton x:Name="KmRB" Content="KM"/>
    			</StackPanel>

    		</StackPanel>

    	</ScrollViewer>
    	<ProgressBar x:Name="PG" Height="10" Margin="8,385,0,0" VerticalAlignment="Top" Foreground="{StaticResource YellowBrush}" Background="{StaticResource YellowBrush}" Visibility="Collapsed" IsIndeterminate="True"/>

    	<Hangout_Client_Controls_Notifications:NotificationReceived x:Name="NotificationControl" VerticalAlignment="Top" d:LayoutOverrides="Height"/>

    </Grid>

</phone:PhoneApplicationPage>
